<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>菜鸟教程</title>
    <!--为了让 Bootstrap 开发的网站对移动设备友好，确保适当的绘制和触屏缩放，
     需要在网页的 head 之中添加 viewport meta 标签-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <link href="http://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.4/summernote.css" rel="stylesheet">
    <script src="http://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.4/summernote.js"></script>
</head>
<body>
    <div class="container">
        <div class="row">
                <div class="navbar navbar-default " role="navigation">
                    <div>
                        <ul class="nav navbar-nav" style="text-align: center;">
                            <li><a href="index.html">首页</a></li>
                            <li ><a href="prefect.html">精选</a></li>
                            <li><a href="ask.html">快问</a></li>
                            <li class="active"><a href="create.html">创作</a></li>
                            <li><a href="self.html">个人中心</a></li>
                            <!--<li><a href="faq.html">新手教程</a></li>-->
                        </ul>
                    </div>
                    <ul class="nav navbar-nav navbar-right">
                        <li><a href="register.html"><span class="glyphicon glyphicon-user"></span> 注册</a></li>
                        <li><a href="login.html"><span class="glyphicon glyphicon-log-in"></span> 登录</a></li>
                    </ul>
                    <div class="nav navbar-nav navbar-right">
                        <form class="navbar-form navbar-left" role="search">
                            <div class="form-group">
                                <input type="text" class="form-control" placeholder="Search">
                            </div>
                            <button type="submit" class="btn btn-default">提交</button>
                        </form>
                    </div>


                </div>
        </div>

            <div class="row">
                <div class="panel panel-default">
                    <div class="panel-heading" style="text-align: center">
                        Java社区
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <div class="panel-title">
                            悬赏金额:10
                        </div>
                    </div>
                </div>
                <div id="summernote" ><p>请在这里输入内容</p></div>
            </div>


        <div class="row">


                <div class="panel panel-default">
                    <div class="panel-heading">
                        <div class="panel-title">
                            规则说明
                        </div>
                    </div>
                    <div class="panel-body">
                        1. 提出问题，支付赏金后，分答严选的部分认证答主将开始抢答；<br>
                        2. 你可以选中满意的回答，其答主将获得赏金；<br>
                        3. 若48小时内无人抢答，则全额退款；<br>
                        4. 若48小时内没有选中满意回答，参与抢答的答主平分赏金。
                    </div>
                </div>


        </div>
        <div class="row">
            <div class="col-md-12" style="text-align: center">
                <button type="submit" class="btn btn-info">提交</button>
            </div>

        </div>
    </div>
</body>
<script>
    $(document).ready(function() {
        $('#summernote').summernote();
    });
    $('#summernote').summernote({
        height: 300,                 // set editor height
        minHeight: null,             // set minimum height of editor
        maxHeight: null,             // set maximum height of editor
        focus: true                  // set focus to editable area after initializing summernote
    });
</script>
<style>

</style>
</html>